<template>
  <div class="phone-container">
    <div class="top">
      <div class="title"><span>成本计算</span></div>
    </div>
    <div class="neirong">
      <div v-permission="[state.permissionType.baojiaCalc]">
        <Calc></Calc>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import {reactive, onMounted, nextTick, defineAsyncComponent} from "vue";
import PermissionType from "@/utils/PermissionType";
const Calc = defineAsyncComponent(() => import('@/views/dashboard/workplace/calc.vue'));
const state = reactive({
  permissionType : PermissionType,
})
onMounted(()=>{
  nextTick(()=>{

  })
})
</script>
<style lang="less" scoped>
.phone-container {
  div.neirong{
    width: 100%;
    height: calc(100vh - 240px);
    background-color: #ffffff;
    padding: 6px;
    overflow-y: auto;

  }
}
</style>
